.moonContainer {
  position: relative;
  margin-top: 106px;
}

[class*='footerLanding'] {
  margin-top: -106px;
}

@media (max-width: 996px) {
  .moonContainer {
    margin-top: 121px;
  }
  [class*='footerLanding'] {
    margin-top: -121px;
  }
}

@media (max-width: 700px) {
  .moonContainer {
    margin-top: 147px;
  }
  [class*='footerLanding'] {
    margin-top: -147px;
  }
}

@media (max-width: 376px) {
  .moonContainer {
    margin-top: 173px;
  }
  [class*='footerLanding'] {
    margin-top: -173px;
  }
}
